@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --color-primary: #00594c;
  --color-secondary: #d9e4e4;
}

:root {
  --height-header: 80px;
}

body .el-button--info {
  --el-button-text-color: var(--color-primary);
  --el-button-hover-text-color: var(--color-primary);
  --el-button-disabled-text-color: var(--el-color-primary-light-5);
}

body .el-message--info {
  --el-message-text-color: var(--color-primary);
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
}

body {
  font-family:
    'Noto Sans SC',
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    'Fira Sans',
    'Droid Sans',
    'Helvetica Neue',
    sans-serif;
  font-optical-sizing: auto;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
